<template>
	<view class="comp-artificial-beauty">
		<!-- #ifdef MP-ALIPAY -->
		<view class="artificial-beauty-box">
			<contact-button tnt-inst-id="aV0_S7oH" scene="SCE01270193" icon="/static/other/custom-beauty.png"
				size="68*68px" />
		</view>
		<!-- #endif -->
		<!-- 支付宝单独处理，快手暂不支持 -->
		<!-- #ifndef MP-ALIPAY || MP-KUAISHOU -->
		<view class="artificial-beauty-box">
			<button class="hidden-contact" open-type="contact">在线客服</button>
			<image class="artificial-beauty-icon" src="/static/other/artificial-beauty.png"></image>
			<text class="artificial-beauty-text">人工美化</text>
			<text class="artificial-beauty-text">09:00-17:30</text>
		</view>
		<!-- #endif -->
	</view>


</template>

<script setup>

</script>

<style lang="scss" scoped>
	.comp-artificial-beauty {
		position: absolute;
		bottom: 32rpx;
		right: 32rpx;
		.artificial-beauty-box {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 10rpx;
		
			.artificial-beauty-icon {
				width: 96rpx;
				height: 96rpx;
			}
		
			.artificial-beauty-text {
				font-size: 22rpx;
				font-weight: 500;
				line-height: 32rpx;
				color: rgba(56, 56, 56, 1);
			}
		}
	}
</style>